import { Icon, IconProps } from '@chakra-ui/react'
import React from 'react'

export const GmailLogo = (props: IconProps) => (
  <Icon
    viewBox="0 0 256 194"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
    {...props}
  >
    <path
      d="M238.833 193.595H16.1537C7.51922 193.595 0.248047 186.551 0.248047 177.69V16.8149C0.248047 8.18036 7.292 0.90918 16.1537 0.90918H238.833C247.468 0.90918 254.739 7.95313 254.739 16.8149V177.69C254.739 186.551 247.695 193.595 238.833 193.595Z"
      fill="#E3E3E3"
    />
    <path
      opacity="0.1"
      d="M32.059 193.595L127.266 117.02L127.948 112.93L29.7868 42.2637L29.5596 190.187L32.059 193.595Z"
      fill="#231F20"
    />
    <path
      d="M16.1537 193.595C7.292 193.595 0.248047 186.551 0.248047 177.689V16.5871C0.248047 7.72534 7.292 6.13477 16.1537 6.13477C25.0155 6.13477 32.0594 7.95256 32.0594 16.5871V193.595H16.1537Z"
      fill="#D54B3D"
    />
    <path
      d="M16.1537 8.40701C27.5149 8.40701 29.7872 11.8154 29.7872 16.5871V191.322H16.1537C8.65534 191.322 2.52029 185.187 2.52029 177.689V16.5871C2.52029 11.5881 4.79253 8.40701 16.1537 8.40701ZM16.1537 6.13477C7.292 6.13477 0.248047 7.95256 0.248047 16.5871V177.689C0.248047 186.551 7.292 193.595 16.1537 193.595H32.0594V16.5871C32.0594 7.72534 25.0155 6.13477 16.1537 6.13477Z"
      fill="#D72B27"
    />
    <path
      d="M238.833 193.595H222.928V16.1326C222.928 7.27089 229.972 6.13477 238.833 6.13477C247.695 6.13477 254.739 7.27089 254.739 16.1326V177.916C254.739 186.551 247.695 193.595 238.833 193.595Z"
      fill="#D54B3D"
    />
    <path
      d="M238.833 8.40701C249.059 8.40701 252.467 10.452 252.467 16.1326V177.916C252.467 185.415 246.332 191.55 238.833 191.55H225.2V16.1326C225.2 10.2248 228.608 8.40701 238.833 8.40701ZM238.833 6.13477C229.972 6.13477 222.928 7.27089 222.928 16.1326V193.822H238.833C247.695 193.822 254.739 186.778 254.739 177.916V16.1326C254.739 7.27089 247.695 6.13477 238.833 6.13477Z"
      fill="#D72B27"
    />
    <path
      d="M170.666 193.595L1.5791 23.195L10.4729 26.8127L128.175 111.567L254.739 18.7607L254.739 177.917C254.739 186.551 247.695 193.595 238.833 193.595H170.666Z"
      fill="url(#paint0_linear)"
    />
    <path
      d="M127.267 117.02L7.06506 29.7659C0.0211134 24.5398 -2.0239 14.5419 3.20225 7.49797C8.42841 0.454023 18.6535 -1.13655 25.9247 4.08961L127.494 77.9375L229.745 3.18071C236.789 -2.04544 246.787 -0.454874 252.013 6.8163C257.239 13.8602 255.648 23.8581 248.377 29.0843L127.267 117.02Z"
      fill="#D54B3D"
    />
    <path
      d="M238.834 2.27224C243.151 2.27224 247.241 4.31726 249.968 7.95285C254.285 14.0879 252.921 22.4952 247.014 27.0397L127.266 114.294L8.4282 27.9486C2.29315 23.4041 0.702579 14.7696 5.01984 8.86174C7.5193 5.45338 11.8366 3.18114 16.381 3.18114C19.335 3.18114 22.2889 4.09004 24.5611 5.90783L125.903 79.5285L127.266 80.4374L128.63 79.5285L230.653 4.77171C233.153 3.18114 235.88 2.27224 238.834 2.27224ZM238.834 0C235.652 0 232.244 0.908897 229.517 2.95391L127.266 77.7107L25.6972 3.86281C22.9705 1.81779 19.5622 0.908897 16.1538 0.908897C11.1549 0.908897 6.15596 3.18114 2.97482 7.4984C-2.02411 14.5423 0.020906 24.5402 7.06486 29.7664L127.266 117.248L248.15 29.0847C255.194 23.8585 256.784 14.0879 251.785 6.81673C248.604 2.27224 243.832 0 238.834 0Z"
      fill="#D72B27"
    />
    <defs>
      <linearGradient
        id="paint0_linear"
        x1="1.58895"
        y1="106.174"
        x2="254.821"
        y2="106.174"
        gradientUnits="userSpaceOnUse"
      >
        <stop stopOpacity="0.1" />
        <stop offset="1" stopOpacity="0.2" />
      </linearGradient>
    </defs>
  </Icon>
)
